<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <title>Bootstrap</title>
    <script src="js/jquery.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style>
        body {
            background-image: url("picture/background2.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }


        .texttitle1 {
            position: absolute;
            top: 880px;
            left: 850px;
            color: black;
            font-size: 32px;
        }
        .texttitle2 {
            position:absolute;
            top: 2120px;
            left: 600px;
            color: black;
            font-size: 48px;
        }

        .textcontent {
            position: absolute;
            top: 1050px;
            left: 850px;
            color: black;
            font-size: 15px;
            text-align: left;
            width: 370px;
        }
        .texttitle3
        {
            position:absolute;
            top: 3040px;
            left: 280px;
            color: white;
            font-size: 56px;

        }
        .textcontent2
        {
            position:absolute;
            top: 3180px;
            left: 280px;
            color: white;
            font-size: 24px;
            text-align: left;
            width: 580px;
        }
        .hrr{
            position: absolute;
            top: 3130px;
            left:280px;
            width: 445px;
            border: 4px solid white;
            
        }

        .img2-1 {
            position: absolute;
            top: 850px;
            left: 300px;
            width: 500px;
            height: 400px;
            z-index: 1;
        }

        .img2-2 {

            position: absolute;
            top: 1450px;
            left: 217.5px;
            width: 1085px;
            height: 600px;
            background-image: url("2-2.jpg");
            z-index: 0;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .img2-3
        { 
            position:absolute;
            top: 2200px;
            left: 250px;
            width: 410px;
            height: 330px;

        }
        .img2-4
        {
            position:absolute;
            top: 2530px;
            left: 660px;
            width: 610px;
            height: 370px;

        }
        .img2-5
        {
            position:absolute;
            top: 3030px;
            left: 217.5px;
            width: 1085px;
            height: 600px;
            background-image: url("2-2.jpg");
            z-index: 0;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .img2-6
        {
            position:absolute;
            top: 3150px;
            left: 870px;    
            width: 350px;
            height:342px;
            background-image: url("2-2.jpg");
            z-index: 0;
            background-repeat: no-repeat;
            background-size: 100% 100%;

        }
        .bluecube
        {
            position:absolute;
            top: 2200px;
            left: 660px;
            width: 610px;
            height: 330px;
            background-color: #285291;
        }
        .bluecube2
        {
            position:absolute;
            top: 2530px;
            left: 250px;
            width: 410px;
            height: 370px;
            background-color: #285291;
        }


        .whiteborder {
            position: absolute;
            border: 5px solid white;
            top: 1480px;
            left: 245px;
            width: 1020px;
            height: 540px;

        }
        .whitecube{
            position:absolute;
            top: 710px;
            left: 217.5px;
            width: 1085px;
            height: 200px;
            background: white;
        }


        .outer7 {
            display: flex;
            height: 710px;
        }

        .sidebar7 {
            flex: 0 0 150px;
            height: 710px;
            background: #0B293E;
        }

        .content7 {
            flex: 1;
            height: 710px;
        }

        ul {
            list-style-type: none;

            margin: 0;

            padding: 0;

        }



        a {

            display: block;

            background-color: #0B293E;

            color: white;

            width: 170px;

            text-align: center;

            padding: 30px;

            text-decoration: none;

        }

        a:hover,
        a:active {

            background-color: #1B4E73;

        }
    </style>
</head>

<body>
    <div class="outer7">
        <div class="sidebar7">
            <ul>

                <li><a href="1.html" class="text-white">首页</a></li>

                <li><a href="2.html" class="text-white">白色污染</a></li>

                <li><a href="3.html" class="text-white">石油污染</a></li>

                <li><a href="4.html" class="text-white">过度捕捞</a></li>

                <li><a href="5.html" class="text-white">全球变暖</a></li>
                <br> <br> <br> <br> <br> <br> <br> <br>
                <li><a href="6.html" class="text-white">关于我</a></li>


            </ul>

        </div>

        <div class="content7">
            <div id="demo" class="carousel slide" data-ride="carousel">

                <!-- 指示符 -->
                <ul class="carousel-indicators text-center">
                    <li data-target="#demo" data-slide-to="0" ></li>
                    <li data-target="#demo" data-slide-to="1" class="active"></li>
                    <li data-target="#demo" data-slide-to="2"></li>
                    <li data-target="#demo" data-slide-to="3"></li>
                    <li data-target="#demo" data-slide-to="4"></li>
                </ul>

                <!-- 轮播图片 -->
                <div class="carousel-inner">
                    <div class="carousel-item ">
                        <img src="picture/slide1.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item active">
                        <img src="picture/slide2.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item">
                        <img src="picture/slide3.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item">
                        <img src="picture/slide4.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item">
                        <img src="picture/slide5.jpg" width="1375" height="710">
                    </div>
                </div>

                <!-- 左右切换按钮 -->


            </div>
        </div>


    </div>
    <div>
        <div class="whitecube"></div>
        <img class="img2-1" src="picture/2-1.jpg">
        <p class="texttitle1"><b>什么<br>是<br>白色污染？</b></p>
        <p class="textcontent">白色污染（White
            Pollution）是对废塑料污染环境现象的一种形象称谓，是指用聚苯乙烯、聚丙烯、聚氯乙烯等高分子化合物制成的包装袋、农用地膜、一次性餐具、塑料瓶等塑料制品使用后被弃置成为固体废物，由于随意乱丢乱扔，难于降解处理，给生态环境和景观造成的污染。
        </p>
        <div class="img2-2"></div>
        <div class="whiteborder">
            <div style="font-size: 50px;">
                <p class="text-center" style="color: white;"><b>白色污染现状</b></p>
            </div>
            <div style="font-size: 20px;">
                <p class="text-left" style="color: white; width: 950px; margin-left: 30px">随人们生活节奏的加快，社会生活正向便利化、卫生化发展。为了顺应这种需求，一次性泡沫塑料饭盒、塑料袋、筷子、水杯等开始频繁地进入人们的日常生活。这些使用方便、价格低廉的包装材料的出现给人们的生活带来了诸多便利。但另一方面，这些包装材料在使用后往往被随手丢弃，造成"白色污染";形成环境危害，成为极大的环境问题。
                    <br>由于废旧塑料包装物大多呈白色，因此称之为"白色污染"。中国是世界上十大塑料制品生产和消费国之一，所以“白色污染”日益严重。1995年全国塑料消费总量约1100万吨，其中包装用塑料达211万吨。包装用塑料的大部分以废旧薄膜、塑料袋和泡沫塑料餐具的形式被任意丢弃。据调查，北京市生活垃圾的3%为废旧塑料包装物，每年产生量约为14万吨；上海市生活垃圾的7%为废旧塑料包装物，每年产生量约为19万吨。
                    <br>丢弃在环境中的废旧包装塑料，不仅影响市容和自然景观，产生"视觉污染"，而且难以降解，对生态环境还会造成潜在危害，如：混在土壤中，影响农作物吸收养分和水分，导致农作物减产；增塑剂和添加剂的渗出会导致地下水污染；混入城市垃圾一同焚烧会产生有害气体，污染空气，损害人体健康；填埋处理将会长期占用土地，等等。中国每年用于白色污染的治理经费大约1850万左右。</p>
            </div>
        </div>
        <div class="texttitle2"><b>对海洋生物的影响</b></div>
        <img class="img2-3" src="picture/2-3.jpg">
        <div class="bluecube">
            <div style="font-size: 27px;">
                <p class="text-left" style="color: white; width: 550px; margin-left: 30px">
                    <br>白色垃圾主要是由各类塑料制品使用后被弃置成固体废物，由于随意弃置难以分解。
                    <br>当动物误食后，轻者消化不良，食欲减退，消瘦，重者垃圾进入消化道后，动物的胃液等不能将其消化，导致垃圾在胃内积累下来或堵塞盲肠导致排便不畅，有生命危害。    
                    </p>
            </div>

        </div>
        <div class="bluecube2">
            <div style="font-size: 27px;">
                <p class="text-left" style="color: white; width: 350px; margin-left: 30px">
                    <br>根据美国斯坦福大学海洋生物研究所的马修-莎瓦卡讲授同时也是国家地理的探索者讲述，每年大概有180亿公斤的塑料制品垃圾流入海洋，而这些垃圾正在被我们的海洋生物吞下但却无法消化。</p>
            </div>

        </div>
        <img class="img2-4" src="picture/2-4.jpg">
        <img class="img2-5" src="picture/2-5.jpg">
        <div class="texttitle3"><b>我们能够做什么？</b></div>
        <div class="hrr"></div>
        <img class="img2-6" src="picture/2-6.jpg">
        <p class="textcontent2">中国防治“白色污染”应遵循“以宣传教育为先导，以强化管理为核心，以回收利用为主要手段，以替代产品为补充措施”的原则。
            <br>防治“白色污染”，首先要解决“视觉污染”问题，使市容、景观有明显改善。这主要是靠宣传教育，引导市民形成良好的生活习惯；同时要依法强化管理，促使企业和个入对自己产生的废旧塑料包装物妥善收集、处理。防治“白色污染”，更重要的是解决废旧塑料包装物对生态环境长期的、深层次的危害。这主要是通过制定和实施有利于回收利用的法规和经济政策，对废旧塑料包装物实施全面回收利用；防治“白色污染”，还应加强研究开发符合实际的替代（绿色）包装用品。</p>    
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

</body>

</html>